<template>
  <div>
    <h1>用户模块</h1>
    <table border="1">
      <tr>
        <td>id</td>
        <td>name</td>
        <td>age</td>
        <td>操作</td>
      </tr>
      <tr v-for="user in users">
        <td>{{user.id}}</td>
        <td>{{user.name}}</td>
        <td>{{user.age}}</td>
        <td><a href="#">删除</a>|<a href="#">操作</a></td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  name: 'User',
  data () {
    return {
      users: [
        {
          id: '1',
          name: 'xiaoming',
          age: 23
        },
        {
          id: '2',
          name: 'xiaohong',
          age: 21
        }
      ]
    }
  }
}
</script>

<style>
</style>
